/**
 * Version 1.2
 *
 * - Added .text class for 99% width to deal with IE <= 6
 * - Replaced .error with aria-invalid and .invalid
 * - Added IE script to automaticly add the .text and .invalid class
 * - Added .indent for 2nd row property
 * - Added CSS variable comments
 * - Replaced .no-fieldset with .fieldset (same as .label does)
 * - Added support for HTML 5 input type properties using CSS 3 selector
 *   (while maintaining the 2.1 for older browsers)
 * - Fixed IE6 failure on attribute selectors seperating them and doubling their rules
 *
 ** Variables *(
	Form.column1.Width: 9em;
	Form.column1.Space: 1.4em;
 )*/
 .formall {}
	
	/* fieldset */
	.formall fieldset,
	.formall .fieldset {
		padding:.8em;
		margin:1em 0;
	}
	
	/* text input width */
	.formall input,
	.formall textarea,
	.formall select {
		display:block
	}
	
	/* Default with of text input fields */
	.formall input.text,
	.formall textarea {
		width:99%;
	} .formall input[type="text"],
	.formall input:not([type="checkbox"]):not([type="radio"]):not([type="password"])
	{ /*! So IE won't die over the selector !*/
		width:99%;
	}
	
	.formall input.widthauto {
		width:auto;
	}

	/* Error messages */
	.formall *[aria-invalid="true"] {
		border:solid 1px #F00;
	}.formall .invalid 
	{ /*! So IE won't die over the selector !*/
		border:solid 1px #F00;
	}
	.formall dd.error,
	.formall div.error {
		border:none;
		color:#900;
		text-align:center;
		font-weight:bold;
	}
	
	/* label underline */
	.formall label {
		border-bottom:dotted 1px #999;
	}
	.formall label:hover {
		border-bottom:dashed 1px #000;
	}
	
	/* active color */
	.formall input[type="text"]:focus,
	.formall input:not([type="checkbox"]):not([type="radio"]):not([type="password"]):focus,
	.formall input[type="file"]:focus,
	.formall textarea:focus {
		background:#FFC;
	}
	
	/* tip */
	.formall div.tip,
	.formall dd.tip {
		padding-left:1em;
		font-size:85%;
	}
	
	/* required field */
	.formall .req {
		color:#B00;
	}
	
	/* Align with 2nd column of dl list */
	.formall .indent {
		padding-left:10.4em; /*( Form.column1.Width + Form.column1.Space ) )*/
	}
	
	/* common formlist */
	.formlist {
		margin:0;
		padding:0; }
		
		/* unset defailt display:block for dl & ul */
		.formlist input {
			display:inline;
		}
	
	/* 2-column form lists are dl's */
	dl.formlist { }
		
		/* left colmun width  */
		dl.formlist {
			padding-left:9em;	/*( Form.column1.Width )*/
		} dl.formlist dt {
			margin-left:-9em;	/*( 0 - Form.column1.Width )*/
			width:9em;			/*( Form.column1.Width )*/
		}
		
		dl.formlist dt {
			position:relative;
			margin-top:.3em;
			margin-bottom:-1.2em;
			text-align:right;}
			
			dl.formlist dt .req {
				position:absolute;
				right:-1em;
			}
		/* space between dt and dd */
		dl.formlist dd {
			margin-left:1.4em; /*( Form.column1.Space )*/
		}
	
	/* single-column form lists are ul's */
	ul.formlist {
		list-style:none; }
		
		/* add some space */
		ul.formlist li {
			padding:.1em 0;
		}
		/* left spacing from input element */
		ul.formlist label,
		ul.formlist .label {
			margin-left:.5em;
		}
		/* override default 100% width */
		ul.formlist input.text,
		ul.formlist textarea {
			width:auto;
		} ul.formlist input[type="text"],
		ul.formlist input:not([type="checkbox"]):not([type="radio"]):not([type="password"])
		{ /*! So IE won't die over the selector !*/
			width:auto;
		}